<template>
  <eb-page>
    <eb-navbar :title="$text('Swiper Slider')" eb-back-link="Back"></eb-navbar>
    <div class="block">
      <p>
        Framework7 comes with powerful and most modern touch slider ever -
        <a href="http://idangero.us/swiper" class="external" target="_blank">Swiper Slider</a>
        with super flexible configuration and lot, lot of features. Just check the following demos:
      </p>
    </div>
    <div class="list links-list">
      <ul>
        <li>
          <eb-link eb-href="kitchen-sink/framework7/swiper-horizontal">Swiper Horizontal</eb-link>
        </li>
        <li>
          <eb-link eb-href="kitchen-sink/framework7/swiper-vertical">Swiper Vertical</eb-link>
        </li>
        <li>
          <eb-link eb-href="kitchen-sink/framework7/swiper-space-between">Space Between Slides</eb-link>
        </li>
        <li>
          <eb-link eb-href="kitchen-sink/framework7/swiper-multiple">Multiple Per Page</eb-link>
        </li>
        <li>
          <eb-link eb-href="kitchen-sink/framework7/swiper-nested">Nested Swipers</eb-link>
        </li>
        <li>
          <eb-link eb-href="kitchen-sink/framework7/swiper-loop">Infinite Loop Mode</eb-link>
        </li>
        <li>
          <eb-link eb-href="kitchen-sink/framework7/swiper-3d-cube">3D Cube Effect</eb-link>
        </li>
        <li>
          <eb-link eb-href="kitchen-sink/framework7/swiper-3d-coverflow">3D Coverflow Effect</eb-link>
        </li>
        <li>
          <eb-link eb-href="kitchen-sink/framework7/swiper-3d-flip">3D Flip Effect</eb-link>
        </li>
        <li>
          <eb-link eb-href="kitchen-sink/framework7/swiper-fade">Fade Effect</eb-link>
        </li>
        <li>
          <eb-link eb-href="kitchen-sink/framework7/swiper-scrollbar">With Scrollbar</eb-link>
        </li>
        <li>
          <eb-link eb-href="kitchen-sink/framework7/swiper-gallery">Thumbs Gallery</eb-link>
        </li>
        <li>
          <eb-link eb-href="kitchen-sink/framework7/swiper-custom-controls">Custom Controls</eb-link>
        </li>
        <li>
          <eb-link eb-href="kitchen-sink/framework7/swiper-parallax">Parallax</eb-link>
        </li>
        <li>
          <eb-link eb-href="kitchen-sink/framework7/swiper-lazy">Lazy Loading</eb-link>
        </li>
        <li>
          <eb-link eb-href="kitchen-sink/framework7/swiper-pagination-progress">Progress Pagination</eb-link>
        </li>
        <li>
          <eb-link eb-href="kitchen-sink/framework7/swiper-pagination-fraction">Fraction Pagination</eb-link>
        </li>
        <li>
          <eb-link eb-href="kitchen-sink/framework7/swiper-zoom">Zoom</eb-link>
        </li>
      </ul>
    </div>
  </eb-page>
</template>
<script>
export default {};
</script>
